<template>
  <div class="banner">
    <!-- 轮播图组件 -->
    <van-swipe touchable :lazy-render="true" indicator-color="#FF8198" class="my-swipe" :autoplay="3000">
      <van-swipe-item :width="item.width" :height="item.height"  v-for="(item,index) in banner " :key="index">
          <van-image :src="item.image" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default{
  props:['banner']
}
</script>

<style scoped>
.van-image{
    width: 100% !important;
}
</style>